<template>
	<view class="mycontent">
		<view class="bgimage">
			<image class="bgimagebj" src="../../static/images/home/矩形 3@2x.png" mode=""></image>
			<view class="grinfo">
				<image class="grinfoimg" src="https://ww1.sinaimg.cn/mw690/00822bhDly1hr1a9ibrknj30sg0sg77d.jpg"
					mode=""></image>
				<view class="grinfort">
					<view class="grinfortname">微信用户</view>
					<!-- <view class="grinfortohone">15999999999</view> -->
				</view>
			</view>
		</view>
		<view class="homebox">
			<navigator url="/pages/myhome/CollectHistory" hover-class="navigator-hover">
				<view class="homeboxinfo">
					<image class="leftimage" src="../../static/images/home/历史@2x.png" mode=""></image>
					<span>采集信息历史</span>
					<image class="rightjt" src="../../static/images/home/箭头 (1) 拷贝 2@2x.png" mode=""></image>
				</view>
			</navigator>
		<!-- 	<navigator url="/pages/myhome/familyManagement" hover-class="navigator-hover">
				<view class="homeboxinfo">
					<image class="leftimage" src="../../static/images/home/历史@2x.png" mode=""></image>
					<span>家庭成员管理</span>
					<image class="rightjt" src="../../static/images/home/箭头 (1) 拷贝 2@2x.png" mode=""></image>
				</view>
			</navigator> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss">
	.mycontent {
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.bgimage {
		width: 100%;
		height: 27%;
		overflow: hidden;
		position: relative;
	}

	.bgimagebj {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
	}

	.grinfo {
		margin-top: 130rpx;
		margin-left: 6%;
		position: relative;
		z-index: 1;
	}

	.grinfoimg {
		width: 92rpx;
		height: 92rpx;
		float: left;
		border-radius: 50%;
	}

	.grinfort {
		margin-left: 30rpx;
		float: left;
		color: #fff;
	}

	.grinfortname {
		font-weight: bolder;
		font-size: 39rpx;
		line-height: 50rpx;
	}

	.grinfortohone {
		font-size: 26rpx;
	}

	.homebox {
		width: 88%;
		height: 73%;
		border-radius: 40rpx 40rpx 0 0;
		background-color: #fff;
		position: absolute;
		top: 20%;
		padding: 6%;

	}

	.homeboxinfo {
		border-bottom: 1rpx solid #cfcfcf;
		line-height: 100rpx;
	}

	.leftimage {
		width: 35rpx;
		height: 35rpx;
		float: left;
		margin-top: 33rpx;
	}

	.rightjt {
		float: right;
		width: 11rpx;
		height: 18rpx;
		margin-top: 41rpx;
		margin-right: 5rpx;
	}

	.homeboxinfo span {
		margin-left: 15rpx;
		font-size: 29rpx;
		color: #000000;
	}
</style>